<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body class="page-home df fdc" >
    <!-- 主要内容 -->
    <div class="bgbox f1">
      <!-- 轮播图 -->
    
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide"> <img src="../../assets/imgs/index-swiper-bg1.jpg" alt=""></div>
          <div class="swiper-slide"> <img src="../../assets/imgs/index-swiper-bg2.jpg" alt=""></div>
          <div class="swiper-slide"> <img src="../../assets/imgs/index-swiper-bg3.jpg" alt=""></div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
      </div>
   
      <!-- main内容 -->
      <div class="main df jcsb">
        <div class="box1">
          <div class="day">今日排名</div>
          <span class="num" id="num1"></span>
        </div>
        <div class="box2">
          <div class="sum">累积打卡 <span class="sumnum"></span> 天</div>
          <div class="dayplay"> <a >今日打卡</a></div>
         
        </div>
      </div>
      <div class="main2 df jcsb">
        <div class="box3">
          <a href="./sports-data.html" class="sports">运动数据</div>
          </a>
        <div class="box4">
          <div class="day">今日排名</div>
          <span class="num" id="num2"></span>
          <span class="mei">枚</span>
        </div>
      </div>
      <div class="main2 df jcsb ">
        <a href="./course.html" class="box5 last1">
          <div class="sports ">课程训练</div>
        </a>
      </div>
      <a href="./run.html" class="main2 df jcsb ">
        <div class="box5 last2">
          <div class="sports">户外跑步</div>
        </div>
      </a>

    </div>

    <!-- <div class="foot fn df jcsb aic">
      <a href="./home.html" class="item df fdc aic">
        <i class="iconfont icon-home"></i>
        <span>首页</span>
      </a>
      <a href="./sports.html" class="item df fdc aic">
        <i class="iconfont icon-sports"></i>
        <span>运动</span>
      </a>
      <a href="./circle.html" class="item df fdc aic">
        <i class="iconfont icon-tiao"></i>
        <span>圈子</span>
      </a>
      <a href="./mine.html" class="item df fdc aic">
        <i class="iconfont icon-main"></i>
        <span>我的</span>
      </a>
    </div> -->
  </body>
</html>
